feat(Select): mark the latest version with a badge instead of a label suffix - #1157

The version picker rendered the current version as one string, v5 - Latest, so the version number and the "this is current" marker competed for the same reading. Pulling the marker into a badge lets the number carry the label on its own.

SelectOption gains an optional badge, matching the existing optional logo:

{ label: version, value: 'latest', badge: 'Latest' }

label stays a string, so the two places Select consumes it as text (alt={${option.label} logo}) are unaffected.

The badge is the DS Badge with no props and no style overrides, so it renders the neutral default variant (bg-background-subtle / text-text-secondary). That keeps it clear of every library's accent colour — the docs sidebar sits inside a library-themed page, and a coloured badge would compete there. UI-chrome badges across admin/ and account/ use the component's defaults the same way; the squared, mono, uppercase treatment belongs to the landing pages, which are a separate visual language.

Scope

SelectOption is constructed in exactly one place (VersionSelect). FrameworkSelect passes no badge, so its render path is unchanged — verified by measurement, not just by reading: its trigger still measures 207px with no badge node. ShopSelect is an unrelated component in shop/ui/. Nothing in src/, tests/, or scripts/ depends on the " - Latest" string.

Verified in the browser

VersionSelect renders in two places in LibraryLayout — the desktop sidebar and the mobile drawer — and both were checked:

In the open dropdown the badge's right edge sits 66px clear of the check mark, so the row's pr-8 reservation still holds. Checked on Query (v5/v4/v3) and Router (v1, single option).

Accessibility is unchanged. The badge is display: flex, so the accessible name computation inserts a boundary: innerText reads "v5\nLatest" where it previously read "v5 - Latest". Both announce as two words. Separately, the select trigger has no accessible name at all — but FrameworkSelect, which this PR does not touch, has the same gap, so it predates this change and is left for its own fix.

tsc, oxlint and the 140 unit tests pass.

Screenshot

AS-IS

TO-BE

Summary by CodeRabbit

• New Features

  • Select options can now display an optional badge alongside their labels in the selected value and dropdown list.

• UI Improvements

  • The latest-version option now shows only the version number with a separate “Latest” badge for clearer presentation.